﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Charge.aspx.cs" Inherits="Main_Charge" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>学生收费</title>
    <link href="../Styles/Default/default.css" type="text/css" rel="Stylesheet" />
    <link href="../Styles/cupertino/jquery-ui-1.9.2.custom.css" rel="stylesheet" type="text/css" />
    <script src="../Scripts/jquery-1.8.3.js" type="text/javascript"></script>
    <script src="../Scripts/jquery-ui-1.9.2.custom.js" type="text/javascript"></script>
    <script src="../Scripts/jquery-ui-1.9.2.custom.js" type="text/javascript"></script>
    <script src="../Scripts/jquery.ui.widget.js" type="text/javascript"></script>
    <script src="../Scripts/jquery.ui.position.js" type="text/javascript"></script>
    <script language="javascript" type="text/javascript" src="../Scripts/Common.js"></script>

    <style>
        .ui-autocomplete
        {
            max-height: 150px;
            overflow-y: auto; /* prevent horizontal scrollbar */
            overflow-x: hidden;
        }
        .ui-autocomplete-loading
        {
            background: white url('../styles/cupertino/images/ui-anim_basic_16x16.gif') right center no-repeat;
        }
        .background
        {
            display: block;
            width: 100%;
            height: 100%;
            opacity: 0.4;
            filter: alpha(opacity=40);
            background-color: WhiteSmoke;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 2000;
        }
        .print
        {
            border: solid 2px #86A5AD;
            background: url('../styles/cupertino/images/Preview_ex.GIF') no-repeat;
        }
        .progressBar
        {
            border: solid 2px #86A5AD;
            background: white url('../styles/cupertino/images/progressBar_m.gif') no-repeat 10px 10px;
        }
        .progressBar
        {
            display: block;
            width: 148px;
            height: 28px;
            position: fixed;
            top: 50%;
            left: 50%;
            margin-left: -74px;
            margin-top: -14px;
            padding: 10px 10px 10px 50px;
            text-align: left;
            line-height: 27px;
            font-weight: bold;
            position: absolute;
            z-index: 2001;
        }
    </style>
    <script>

        $(function () {
              $(document ).tooltip();
              $("#tabs").tabs(); 
              $("#background,#progressBar").hide();
             $("#btnprint").click(function (event) {
             if($("#input").val()!="" ||$("#tabs").tabs('option', 'selected')!="0")
                {  
                $("#print .ui-widget").html($("#tblInvoice")[0].outerHTML); 
                 $("#print .ui-widget").addClass("print");
                $("#print").dialog("open");
                event.preventDefault();
                }
                else
                { 
                $("#log").html("");
                $("<div/>").text("无效操作哦！").prependTo("#log");
                }
            });
             
            $("#print").dialog({
                modal: true,
                autoOpen: false,
                width: 665,
                height:332,
                title:"打印预览",
                buttons: [
				{
				    text: "打印票据",
				    click: function () {  
				         $(this).dialog("close");
                         $("#background,#progressBar").show(); 
                         setTimeout("$('#background,#progressBar').hide()",500);
				    }
				},
				{
				    text: "取消打印",
				    click: function () {
				        $(this).dialog("close");
				    }
				}
			]
            }); 

            //dialog content 
            // autocomplete
            function log(message) {
                $("#log").html("");
                $("<div/>").text(message).prependTo("#log");
                $("#log").attr("scrollTop", 0);
            }

            $.ajax({
                url: "student.xml",
                dataType: "xml",
                success: function (xmlResponse) {
                    var data = $("studentname", xmlResponse).map(function () {
                        return {
                            value: $("name", this).text() + "( " + $.trim($("studentCode", this).text()) + ") " + ", " + ($.trim($("studentId", this).text()) + " -- " + ($.trim($("className", this).text())) || "(查无此人)"),
                            id: $("name", this).text() + "( " + $.trim($("studentCode", this).text()) + ") " + ", " + ($.trim($("studentId", this).text()) || "(查无此人)"),
                            //id: $("studentId", this).text()
                        };
                    }).get();
                    $("#input").autocomplete({
                        source: data,
                        style: "full",
                        minLength: 3,
                        select: function (event, ui) {
                            log(ui.item ? "您选择的学生是: " + ui.item.value.replace("(", " 性别").replace(")", "").replace(",", " 学号:").replace("--", "班级") + "" : "没有选择学生,请输入学生信息查询");
                            //$("#input").val(ui.item.value.split(",")[1].split("--")[0]);
                            $("#input").val("");
                            $("#listitem").show("fold");
                        },
                        open: function () {
                            $(this).removeClass("ui-corner-all").addClass("ui-corner-top");
                        },
                        close: function () {
                            $(this).removeClass("ui-corner-top").addClass("ui-corner-all");
                        }
                    });
                }
            });
        });           
	</script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%">
            <tbody>
                <tr>
                    <td>
                        <div id="PageHeader_Frame1_PanelMyPrint">
                            <div style="height: 5px; font-size: 1px">
                            </div>
                            <div id="wenHou">
                                <img src="../Styles/Default/images/index1/wen.gif" width="32" height="30"><span style="color: #f5a117;
                                    font-weight: bold">&nbsp;您当前的位置：</span>办公自动化&gt;&gt;&nbsp;收费系统&gt;&gt;&nbsp;学生缴费</div>
                            <div style="height: 5px; font-size: 1px">
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <div id="tabs">
                            <ul>
                                <li><a href="#tabs-1">快捷缴费</a></li>
                                <li><a href="#tabs-2">普通缴费</a></li>
                            </ul>
                            <div id="tabs-1">
                                <fieldset>
                                    <legend>快速查找</legend>
                                    <table border="0" width="100%">
                                        <tbody>
                                            <tr>
                                                <td width="20%">
                                                    请输入学生学号:
                                                </td>
                                                <td width="20%">
                                                    <input id="input" />
                                                </td>
                                                <td>
                                                    <div id="log" style="height: 30px; width: 100%; color: Red;" class="ui-widget-content">
                                                    </div>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </fieldset>
                            </div>
                            <div id="tabs-2">
                                <fieldset>
                                    <legend>搜索条件</legend>
                                    <table border="0" width="100%">
                                        <tbody>
                                            <tr>
                                                <td width="10%">
                                                    <span style="font-size: 10pt" id="Label3">学期</span>
                                                </td>
                                                <td width="40%">
                                                    <select id="DrpXQMC" language="javascript" name="DrpXQMC">
                                                        <option value="2009-2010学年第一学期">2009-2010学年第一学期</option>
                                                        <option value="2009-2010学年第二学期">2009-2010学年第二学期</option>
                                                        <option value="2010-2011学年第一学期">2010-2011学年第一学期</option>
                                                        <option value="2010-2011学年第二学期">2010-2011学年第二学期</option>
                                                        <option value="2011-2012学年第一学期">2011-2012学年第一学期</option>
                                                        <option value="2011-2012学年第二学期">2011-2012学年第二学期</option>
                                                        <option selected value="2012—2013学年第一学期">2012—2013学年第一学期</option>
                                                        <option value="2012—2013学年第二学期">2012—2013学年第二学期</option>
                                                        <option value="2013—2014学年第一学期">2013—2014学年第一学期</option>
                                                        <option value="2013—2014学年第二学期">2013—2014学年第二学期</option>
                                                        <option value="2014-2015学年第一学期">2014-2015学年第一学期</option>
                                                        <option value="2014-2015学年第二学期">2014-2015学年第二学期</option>
                                                        <option value="2015-2016学年第一学期">2015-2016学年第一学期</option>
                                                        <option value="2015-2016学年第二学期">2015-2016学年第二学期</option>
                                                        <option value="2016-2017学年第一学期">2016-2017学年第一学期</option>
                                                        <option value="2016-2017学年第二学期">2016-2017学年第二学期</option>
                                                    </select>
                                                </td>
                                                <td width="10%">
                                                    <span style="font-size: 10pt" id="Label4">专业</span>
                                                </td>
                                                <td width="40%">
                                                    <select id="DrpZY" language="javascript" name="DrpZY">
                                                        <option selected value="全部">全部</option>
                                                        <option value="014">电力机车(高中中专)</option>
                                                        <option value="021">供用电技术(电气化铁道供电方向)大专</option>
                                                        <option value="221">供用电技术高职</option>
                                                        <option value="041">铁道工程技术大专</option>
                                                        <option value="022">铁道供电(高中中专)</option>
                                                        <option value="012">铁道机车车辆(车辆方向)大专</option>
                                                        <option value="016">铁道机车车辆(车辆方向贰加壹)</option>
                                                        <option value="011">铁道机车车辆(机车方向)大专</option>
                                                        <option value="015">铁道机车车辆(机车方向贰加壹)</option>
                                                        <option value="211">铁道机车车辆高职</option>
                                                        <option value="052">铁道交通运营管理（贰加壹）</option>
                                                        <option value="051">铁道交通运营管理大专</option>
                                                        <option value="033">铁道通信信号（贰加壹）</option>
                                                        <option value="031">铁道通信信号大专</option>
                                                        <option value="231">铁道通信信号高职</option>
                                                        <option value="032">铁道信号(高中中专)</option>
                                                        <option value="061">通信技术大专</option>
                                                    </select>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td width="10%">
                                                    年级
                                                </td>
                                                <td width="40%">
                                                    <select id="DrpNJ" language="javascript" name="DrpNJ">
                                                        <option selected value="全部">全部</option>
                                                        <option value="2009">2009级</option>
                                                        <option value="2010">2010级</option>
                                                        <option value="2011">2011级</option>
                                                        <option value="2012">2012级</option>
                                                    </select>
                                                </td>
                                                <td width="10%">
                                                    <span style="font-size: 10pt" id="Label1">班级</span>
                                                </td>
                                                <td width="40%">
                                                    <select id="DrpBJ" language="javascript" name="DrpBJ">
                                                        <option selected value="全部">全部</option>
                                                        <option value="12014C1">电力机车12C1</option>
                                                        <option value="12014C2">电力机车12C2</option>
                                                        <option value="12014C3">电力机车12C3</option>
                                                        <option value="12014C4">电力机车12C4</option>
                                                        <option value="09221A1">供用电技术09A1</option>
                                                        <option value="09221A2">供用电技术09A2</option>
                                                        <option value="09221A3">供用电技术09A3</option>
                                                        <option value="10221A1">供用电技术10A1</option>
                                                        <option value="10221A2">供用电技术10A2</option>
                                                        <option value="10221A3">供用电技术10A3</option>
                                                        <option value="10021T1">供用电技术10T1</option>
                                                        <option value="10021T2">供用电技术10T2</option>
                                                        <option value="11221A1">供用电技术11A1</option>
                                                        <option value="11221A2">供用电技术11A2</option>
                                                        <option value="11221A3">供用电技术11A3</option>
                                                        <option value="11021T1">供用电技术11T1</option>
                                                        <option value="12221A1">供用电技术12A1</option>
                                                        <option value="12221A2">供用电技术12A2</option>
                                                        <option value="12221A3">供用电技术12A3</option>
                                                        <option value="12021T1">供用电技术12T1</option>
                                                        <option value="12021T2">供用电技术12T2</option>
                                                        <option value="10041T1">铁道工程技术10T1</option>
                                                        <option value="11041T1">铁道工程技术11T1</option>
                                                        <option value="12041T1">铁道工程技术12T1</option>
                                                        <option value="12041T2">铁道工程技术12T2</option>
                                                        <option value="12022C1">铁道供电12C1</option>
                                                        <option value="12022C2">铁道供电12C2</option>
                                                        <option value="10012T1">铁道机车车辆(车辆方向)10T1</option>
                                                        <option value="12016K1">铁道机车车辆(车辆方向)12K1</option>
                                                        <option value="12012T1">铁道机车车辆(车辆方向)12T1</option>
                                                        <option value="10011T1">铁道机车车辆(机车方向)10T1</option>
                                                        <option value="10011T2">铁道机车车辆(机车方向)10T2</option>
                                                        <option value="11011T1">铁道机车车辆(机车方向)11T1</option>
                                                        <option value="11011T2">铁道机车车辆(机车方向)11T2</option>
                                                        <option value="12015K1">铁道机车车辆(机车方向)12K1</option>
                                                        <option value="12015K2">铁道机车车辆（机车方向）12K2</option>
                                                        <option value="12011T1">铁道机车车辆(机车方向)12T1</option>
                                                        <option value="12011T2">铁道机车车辆(机车方向)12T2</option>
                                                        <option value="09211A1">铁道机车车辆09A1</option>
                                                        <option value="09211A2">铁道机车车辆09A2</option>
                                                        <option value="09211A3">铁道机车车辆09A3</option>
                                                        <option value="10211A1">铁道机车车辆10A1</option>
                                                        <option value="10211A2">铁道机车车辆10A2</option>
                                                        <option value="11211A1">铁道机车车辆11A1</option>
                                                        <option value="11211A2">铁道机车车辆11A2</option>
                                                        <option value="11211A3">铁道机车车辆11A3</option>
                                                        <option value="11211A4">铁道机车车辆11A4</option>
                                                        <option value="11211A5">铁道机车车辆11A5</option>
                                                        <option value="11211A6">铁道机车车辆11A6</option>
                                                        <option value="12211A1">铁道机车车辆12A1</option>
                                                        <option value="12211A2">铁道机车车辆12A2</option>
                                                        <option value="12211A3">铁道机车车辆12A3</option>
                                                        <option value="12211A4">铁道机车车辆12A4</option>
                                                        <option value="12211A5">铁道机车车辆12A5</option>
                                                        <option value="12211A6">铁道机车车辆12A6</option>
                                                        <option value="10051T1">铁道交通运营管理10T1</option>
                                                        <option value="11051T1">铁道交通运营管理11T1</option>
                                                        <option value="12052K1">铁道交通运营管理12K1</option>
                                                        <option value="12051T1">铁道交通运营管理12T1</option>
                                                        <option value="09231A1">铁道通信信号09A1</option>
                                                        <option value="09231A2">铁道通信信号09A2</option>
                                                        <option value="09231A3">铁道通信信号09A3</option>
                                                        <option value="09231A4">铁道通信信号09A4</option>
                                                        <option value="10231A1">铁道通信信号10A1</option>
                                                        <option value="10231A2">铁道通信信号10A2</option>
                                                        <option value="10231A3">铁道通信信号10A3</option>
                                                        <option value="10031T1">铁道通信信号10T1</option>
                                                        <option value="10032T2">铁道通信信号10T2</option>
                                                        <option value="11231A1">铁道通信信号11A1</option>
                                                        <option value="11231A2">铁道通信信号11A2</option>
                                                        <option value="11231A3">铁道通信信号11A3</option>
                                                        <option value="11031T1">铁道通信信号11T1</option>
                                                        <option value="12231A1">铁道通信信号12A1</option>
                                                        <option value="12231A2">铁道通信信号12A2</option>
                                                        <option value="12231A3">铁道通信信号12A3</option>
                                                        <option value="12033K1">铁道通信信号12K1</option>
                                                        <option value="12031T1">铁道通信信号12T1</option>
                                                        <option value="12032C1">铁道信号12C1</option>
                                                        <option value="10061T1">通信技术10T1</option>
                                                        <option value="11061T1">通信技术11T1</option>
                                                        <option value="12061T1">通信技术12T1</option>
                                                    </select>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    学生姓名
                                                </td>
                                                <td>
                                                    <select id="Select1" language="javascript" name="DrpXQMC">
                                                        <option selected value="全部">请选择</option>
                                                        <option value="">学生1(201200111121 男)</option>
                                                        <option>学生1(201200111121 女)</option>
                                                        <option>学生2(201200111122 男)</option>
                                                        <option>学生3(201200111123 男)</option>
                                                        <option>学生4(201200111124 男)</option>
                                                        <option>学生5(201200111125 男)</option>
                                                        <option>学生6(201200111126 男)</option>
                                                        <option>学生7(201200111127 男)</option>
                                                        <option>学生8(201200111128 男)</option>
                                                        <option>学生9(201200111129 男)</option>
                                                        <option>学生10(201200111130 男)</option>
                                                        <option>学生11(201200111131 男)</option>
                                                        <option>学生12(201200111132 男)</option>
                                                        <option>学生13(201200111133 男)</option>
                                                        <option>学生4(201200111134 男)</option>
                                                        <option>学生15(201200111135 男)</option>
                                                    </select>
                                                </td>
                                                <td colspan="2">
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </fieldset>
                            </div>
                            <div id="tabs-3" class="ui-tabs-panel ui-widget-content ui-corner-bottom">
                                <fieldset>
                                    <legend>
                                        <img src="../Styles/Default/images/gl/p_yfyj.gif" />
                                        缴费项目</legend>
                                    <table border="1" cellpadding="1" cellspacing="1" width="100%" id="tblInvoice">
                                        <tr>
                                            <td align="center" style="font-weight: bold; width: 30%">
                                                行政事业性收费
                                            </td>
                                            <td align="center" style="font-weight: bold; width: 20%">
                                                金&nbsp; 额
                                            </td>
                                            <td align="center" style="font-weight: bold; width: 30%">
                                                非行政事业性收费
                                            </td>
                                            <td align="center" style="font-weight: bold; width: 30%">
                                                金&nbsp;额
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                1.行政事业性收费
                                            </td>
                                            <td align="center">
                                                <input style="width: 50px" type="text" value="500.00" />
                                            </td>
                                            <td>
                                                1.非行政事业性收费
                                            </td>
                                            <td align="center">
                                                <input style="width: 50px" type="text" value="500.00" />
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                2.行政事业性收费
                                            </td>
                                            <td align="center">
                                                <input style="width: 50px" type="text" value="500.00" />
                                            </td>
                                            <td>
                                                2.非行政事业性收费
                                            </td>
                                            <td align="center">
                                                <input style="width: 50px" type="text" value="500.00" />
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                3.行政事业性收费
                                            </td>
                                            <td align="center">
                                                <input style="width: 50px" type="text" value="500.00" />
                                            </td>
                                            <td>
                                                3.非行政事业性收费
                                            </td>
                                            <td align="center">
                                                <input style="width: 50px" type="text" value="500.00" />
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                4.行政事业性收费
                                            </td>
                                            <td align="center">
                                                <input style="width: 50px" type="text" value="500.00" title="可以修改" />
                                            </td>
                                            <td>
                                                4.非行政事业性收费
                                            </td>
                                            <td align="center">
                                                <input style="width: 50px" type="text" value="500.00" />
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                5.行政事业性收费
                                            </td>
                                            <td align="center">
                                                <input style="width: 50px" type="text" value="500.00" />
                                            </td>
                                            <td>
                                                5.非行政事业性收费
                                            </td>
                                            <td align="center">
                                                <input style="width: 50px" type="text" value="500.00" />
                                            </td>
                                        </tr>
                                        <tr>
                                            <td align="center">
                                                小 计
                                            </td>
                                            <td align="center">
                                                <label>
                                                    5000.00</label>
                                            </td>
                                            <td align="center">
                                                小 计
                                            </td>
                                            <td align="center">
                                                <label>
                                                    5000.00</label>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                合计金额(大写) ：
                                            </td>
                                            <td>
                                                伍仟元整
                                            </td>
                                            <td align="center">
                                                小 写：￥<label>5000.00</label>
                                            </td>
                                            <td align="center">
                                            </td>
                                        </tr>
                                    </table>
                                </fieldset>
                            </div>
                            <div id="tabs-4" class="ui-tabs-panel ui-widget-content ui-corner-bottom">
                                <fieldset>
                                    <legend>
                                        <img src="../Styles/Default/images/gl/p_yfyj.gif" />
                                        收费</legend>
                                    <table border="0" width="100%">
                                        <tr style="color: Red; font-weight: bold">
                                            <td>
                                                &nbsp;
                                            </td>
                                            <td align="center">
                                                应缴费合计
                                            </td>
                                            <td align="center">
                                                <label>
                                                    5200.00</label>
                                            </td>
                                            <td>
                                                &nbsp;
                                            </td>
                                        </tr>
                                        <tr>
                                            <td align="right" style="font-weight: bold; width: 20%">
                                                &nbsp;
                                            </td>
                                            <td width="20%" style="text-align: center">
                                                <select>
                                                    <option selected>现金</option>
                                                    <option>POS</option>
                                                </select>
                                            </td>
                                            <td width="25%" style="text-align: center">
                                                <input type="text" style="width: 70px" value="5000.00" />
                                            </td>
                                            <td>
                                                &nbsp;
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                &nbsp;
                                            </td>
                                            <td style="text-align: center">
                                                <select>
                                                    <option>现金</option>
                                                    <option selected="selected">POS</option>
                                                </select>
                                            </td>
                                            <td style="text-align: center">
                                                <input type="text" value="200.00" style="width: 70px" />
                                            </td>
                                            <td>
                                                &nbsp;
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                &nbsp;
                                            </td>
                                            <td style="font-weight: bold; text-align: center">
                                                找零
                                            </td>
                                            <td style="text-align: center">
                                                <input type="text" value="0.00" style="width: 70px" />
                                            </td>
                                            <td>
                                                &nbsp;
                                            </td>
                                        </tr>
                                        <tr style="color: Red; font-weight: bold">
                                            <td>
                                                &nbsp;
                                            </td>
                                            <td align="center">
                                                本次缴费合计
                                            </td>
                                            <td align="center">
                                                <label>
                                                    5200.00</label>
                                            </td>
                                            <td>
                                                &nbsp;
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                &nbsp;
                                            </td>
                                            <td align="center">
                                                实际缴费合计
                                            </td>
                                            <td align="center">
                                                <label>
                                                    5200.00</label>
                                            </td>
                                            <td>
                                                &nbsp;
                                            </td>
                                        </tr>
                                    </table>
                                </fieldset>
                                <fieldset>
                                    <legend>&nbsp; </legend>
                                    <table border="0" width="100%">
                                        <tr>
                                            <td align="center">
                                                <input type="button" value="确认收费" id="btnprint" />
                                                <input type="reset" value="取消" />
                                            </td>
                                        </tr>
                                    </table>
                                </fieldset>
                            </div>
                            <div id="tabs-5" class="ui-tabs-panel ui-widget-content ui-corner-bottom">
                            </div>
                        </div>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    <div id="print" class="print">
        <div class="ui-widget">

        </div>
    </div>
    <div id="background" class="background">
    </div>
    <div id="progressBar" class="progressBar">
        发票打印中，请稍等...</div>
    </form>
</body>
</html>
